.main{
   min-width:1200px;
   min-height:800px;
   text-align:center;
   background:#050713;
   box-sizing:border-box;
 }
 .header{
   color:#fff;
   padding:5px;
   font-size:24px;
 }
li{
list-style:none;
display:inline-block;
}
.content{
  min-height:600px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin-top:5px;
  background:#0c1445;
  }
.content .left{
width:32%;
float:left;
height:100%;
border-right:1px solid #ddd;

}
.content .center{
width:40%;
float:left;
border-right:1px solid #ddd;
}
.content .center .options {
   text-align:left;
   padding-left:10px;
}
.content .center .options input{

   font-size:12px;
   background:#fff;
}
.content .right{
width:27%;
float:left;
padding-left:5px;
}
.clear{
clear:both;
}
.pan{
height:80px;
padding:5px;
background:#fbfbfb;
}
.title button{

border-radius:3px;


}
.titlec{
   padding-top:15px;
}
.titlec #notion{
   color:#eee;
   font-size:14px;
}
.titlec button{
  font-size:10px;
  border-bottom:1px solid #f90;
  border-radius:5px;
  background:#0c1445;
  color:#f90;
}
.timepicker{
  margin:5px;
  padding-top:10px;
}

.timepicker input{
    background:#f90;
    font-size:10px;
    border:0px;
    width: 100px;
    padding-left: 5px;
}